<!--
 * @description: 富文本编辑器测试
 * @Author: jhw
 * @Date: 2023-05-20 11:37:52
 * @LastEditors: jhw
 * @LastEditTime: 2023-12-11 17:14:15
-->
<template>
  <div>
    <h1>富文本编辑器测试</h1>
    <h2 class="h2">子组件传过来的是 html格式：{{ value }}</h2>
    <h2 class="h2">子组件传过来的是 text格式：{{ value1 }}</h2>
    <Editor v-model:editorHtmlValue="value" v-model:editorTextValue="value1" :read-only="readOnly"></Editor>
  </div>
</template>

<script setup lang="ts">
import Editor from '@/components/Editor/index.vue';
import { onMounted, ref } from 'vue';

const value = ref('Hello World');
const value1 = ref('');
const readOnly = ref(false);

onMounted(() => {});
</script>

<style lang="scss" scoped>
.h2 {
  font-size: 20px;
}
</style>
